﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="slide.ascx.cs" Inherits="Andy.Web.slide" %>

<div class="container">
  <%--<link rel="stylesheet" href="css/font-awesome.min.css">--%>
    <style>

    #slides,
    #slides2,
    #slides3 {
      display: none;
      margin-bottom:50px;
    }

    .slidesjs-navigation {
      margin-top:3px;
    }

    .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(Images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

  </style>
    <div id="slides2">
      <asp:Repeater runat="server" ID="rptSlide">
            <ItemTemplate>
                <img src="<%#Eval("DuongDan") %>" width="740" height="300">
            </ItemTemplate>
        </asp:Repeater>
      <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left"></i></a>
      <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right"></i></a>
    </div>

   
  </div>
<%-- <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>--%>
  <script src="js/jquery.slides.min.js"></script>
<script>
     $(function () {

         /*
           To have multiple slideshows on the same page
           they just need to have separate IDs
         */
         $('#slides2').slidesjs({
             width: 940,
             height: 380,
             navigation: false,
             start: 1,
             play: {
                 auto: true
             }
         });
     });
  </script>